﻿$(document).ready(function () {

    $("#bg_popup").click(function () {  //Thêm thuộc tính click vào thẻ  <a>
        closePopup();
    });

  //  $("article.main").css("min-height", $(window).height());
});


$(window).resize(function () {
    $("#mask , .login-popup").fadeOut(100, function () {
        $("#mask").remove();
    });
});



function showLoading() {

    $("body").append("<div id='bg_loading'></div>");
    $("body").append("<div id='loading'></div>");

    var popMargTop = ($(window).height() - 300) / 2;
    var popMargLeft = ($(window).width() - 400) / 2;

    $("#loading").css({
        "margin-top": - popMargTop
        ,"margin-left": popMargLeft
    });

    $("#bg_loading").fadeIn(300);
    $("#loading").fadeIn(300);

}
function hideLoading() {

    $("#bg_loading , #loading").fadeOut(100, function () {
        $("#loading").remove();
        $("#bg_loading").remove();
   });
    
}

function showPopup(tittle) {

    // set title popop
    $("#popup-box div.popup_title").text(tittle);
    
    // Getting the variable's value from a link 
    var loginBox = "#popup-box"; //$(this).attr('href');   
    
    // Add the mask to body
    $("body").append("<div id='mask'></div>");
    $("#mask").fadeIn(300);
        
    //Fade in the Popup and add close button
    setTimeout(function () {

        var win_h = $(window).height();
        var pop_h = $(loginBox).height();
        var popMargTop = (win_h - pop_h) / 2;
        var popMargLeft = ($(window).width() - $(loginBox).width()) / 2;

        $(loginBox).css({
            "margin-top": popMargTop
                , "margin-left": popMargLeft
        });

//        if (pop_h > win_h) {
//            $(loginBox).css({
//                "margin-top": -popMargTop,
//            //    "height": "90%",
//                 "margin-left": popMargLeft
//            });           
//            $(loginBox).addClass("pop_scroll");
//        }
//        else {
//            $(loginBox).css({
//                "margin-top": popMargTop
//                , "margin-left": popMargLeft
//            });

//        }

        $(loginBox).fadeIn(400);
    }, 600);  
    
      
    //Set the center alignment padding + border
//    $("body #mask ").click(function () {  //Thêm thuộc tính click vào thẻ  <a>       
//        $("#mask , .login-popup").fadeOut(100, function () {            
//            $("#mask").remove();
//        });
//    });

    return false;
}

// When clicking on the button close or the mask layer the popup closed
$("a.close").live('click', function () {
    $("#mask , .login-popup").fadeOut(100, function () {
        $("#popup_content").empty();
        $("#mask").remove();
       hideLoading();
    });
    return false;
});


function closePopup() {
    $("#mask , .login-popup").fadeOut(100, function () {
        $("#popup_content").empty();
        $("#mask").remove();
       hideLoading();
    });
}


// back button


// alert custom

function cusAlert(content) {

    // set title popop
   // $("#alert-box div.popup_title").text(tittle);

    $("#alert_content").text(content);
    // Getting the variable's value from a link 
    var loginBox = "#alert-box"; //$(this).attr('href');   

    // Add the mask to body
    $("body").append("<div id='mask'></div>");
    $("#mask").fadeIn(300);

    //Fade in the Popup and add close button
    setTimeout(function () {
        var popMargTop = ($(loginBox).height()) / 2;
        //var popMargLeft = ($(window).width() - $(loginBox).width()) / 2;
        $(loginBox).css({
            "margin-top": -popMargTop
            //,"margin-left": -popMargLeft
        });
        $(loginBox).fadeIn(400);

        setTimeout(function () { closeAlert(); },2000);

    }, 100);

    //Set the center alignment padding + border
//    $("body #mask ").click(function () {  //Thêm thuộc tính click vào thẻ  <a>       
//        $("#mask , .login-popup").fadeOut(100, function () {
//            $("#mask").remove();
//        });
//    });

    return false;
}


function closeAlert() {
    $("#mask , .alert-popup").fadeOut(100, function () {
        $("#alert_content").empty();
        $("#mask").remove();
        hideLoading();
    });
}


//set checked checkbox
function SetChecked(div_check) {
    div_check.toggleClass('checked');
}

 // autoload content StoreList
 // param url, so page, so item hien thi, tong so page
 function loadMore(posUrl, page, itemNum, totalpage) {
     $contentLoadTriggered = false;
     $("#mainDiv").scroll(
         function () {             
             if ($("#mainDiv").scrollTop() >= ($("#wrapperDiv").height() - $("#mainDiv").height()) && $contentLoadTriggered == false) // $contentLoadTriggered == false)
             {

                 $contentLoadTriggered = true;
                 if (page < totalpage) {
                     showLoading();
                     page++;
                     $.ajax({ type: 'POST', url: posUrl, data: { 'NumPage': page, 'NumRow': itemNum }, success: function (response) {
                         $("#countPage").val(page);
                         $("#divlist").append(response).trigger('create');                        
                         $contentLoadTriggered = false;
                         hideLoading();
                     }
                     });
                 } else {
                     page = 1;
                     $("#countPage").val(page);
                     $contentLoadTriggered = true;
                 }
             }
         });
 }



    
      
    